        <style type="text/css">
            body{
                background-color: gray;
            }
            .star{
                float: left;
                margin: 5px 0 0 70px;
            }
            .glyphicon{
                font-size: 20px;
                color: yellow;
            }
            .content{
                text-align: center;
                padding-bottom: 49px !important;
            }
            .content .name{
                font-size: 30px;
                font-weight: bolder;
                padding-top: 30px;
                padding-bottom: 30px;
            }
            .recommend-title{
                width: 90%;
                text-align: left;
                margin: 0 auto;
                margin-top: 10px;
            }
            .recommend-btn div{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
                /*border-radius: 5px;*/
            }
            .recommend-post{
                width: 80%;
                height: 40px;
                margin: 0 auto;
                margin-top: 50px;
                background-color: black;
                color: white;
                line-height: 40px;
                border-radius: 5px;

            }
            .userPic{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
                margin: 10px 0 0 10px;
                font-weight: bolder;
            }
            .userName{
                text-align: left;
                margin: 10px 0 0 10px;
            }
        </style>

        <div>请完善个人信息</div>

        <div class="star">
            <span class="glyphicon  glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
            <span>4.8</span>
        </div>
        <div class="content">
            <div class="userPic"></div>
            <div class="userName">饶大奇</div>
            <div class="name">饶大奇</div>
            <div class="recommend">
                <div class="recommend-title job">职业信息</div>
                <div class="recommend-btn">
                    <div>工作年限</div>
                </div>
            </div>

            <div class="recommend">
                <div class="recommend-title exprience">工作经历</div>
                <div class="recommend-btn">
                    <div>工作经历</div>
                    <div>教育背景</div>
                    <div>推荐语</div>
                </div>
            </div>

            <div class="recommend-post">提交</div>
        </div>
        <script type="text/javascript">

    var userInfo = false;

    $(".recommend-post").on("click",function(){
        if(!userInfo){
            window.location.href = "userInfo"
        }
    })
    $(".userPic").on("click",function(){
            window.location.href = "userInfo";
    })
    </script>